<template>
	<div>
		<!-- 头部导航栏 -->
		<van-nav-bar title="我的地址">
			<template #left>
				<van-icon name="arrow-left" @click="back"/>
			</template>
			<template #right>
				<span style="font-size: 12px;">新建地址</span>
			</template>
		</van-nav-bar>

		<!-- 地址栏 -->
		<van-address-list
		  v-model="chosenAddressId"
		  :list="list"
		  :disabled-list="disabledList"
		  disabled-text="以下地址超出配送范围"
		  default-tag-text="默认"
		  @add="onAdd"
		  @edit="onEdit"
		/>
	</div>
</template>

<script>
	export default {
		methods: {
			back() {
				this.$router.push({
					path: 'user'
				})
			}
		},
		mounted() {
			this.$APIClient.Dizhi().then(res => {
				console.log(res)
			})
		},
		data() {
			return {
				chosenAddressId: '1',
				list: [{
						id: '1',
						name: '张三',
						tel: '13000000000',
						address: '浙江省杭州市西湖区文三路 138 号东方通信大厦 7 楼 501 室',
						isDefault: true,
					},
					{
						id: '2',
						name: '李四',
						tel: '1310000000',
						address: '浙江省杭州市拱墅区莫干山路 50 号',
					},
				],
				disabledList: [{
					id: '3',
					name: '王五',
					tel: '1320000000',
					address: '浙江省杭州市滨江区江南大道 15 号',
					}, 
				],
			}
		}
	}
</script>

<style scoped>

</style>
